// my-component/searchBox.js
Component({
  /**
   * 组件的属性列表
   */
  properties: {
    options: {
      type: Array,
      value: ['药膳名称', '药膳类型', '药膳颜色','适应症','吃法','治疗部位']
    },
    id: {  // 新增这一行，确保从外部接收 id 属性
      type: Number,
      value: 0
    },
    value: {  // 新增这一行，确保从外部接收 value 属性
      type: String,
      value: ''
    }
  },

  /**
   * 组件的初始数据
   */
  data: {
    selectedOption: '药膳名称',
  },


  /**
   * 组件的方法列表
   */
methods: {
    // 选择搜索条件
    bindPickerChange(e) {
      const index = e.detail.value;
      const selectedOption = this.properties.options[index];
      
      this.setData({
        selectedOption: selectedOption
      });
    },
  
    removeSearchBox() {
      this.triggerEvent('remove');
    },
    
   
    handleInputChange(e) {
      this.setData({
      inputValue: e.detail.value
    });
    
    },
    handleInputConfirm() {
      this.triggerEvent('inputConfirm', { id: this.id, value: this.data.inputValue,selectedOption:this.data.selectedOption });

    }
  }
})